body {
  font-family: Arial, sans-serif;
  width: 300px;
}

#app {
  text-align: center;
}

input[type="number"] {
  width: 60px;
}

button {
  padding: 10px;
  margin-top: 10px;
  width: 100%;
}

p {
  margin-top: 10px;
  font-weight: bold;
}
/* popup.css */
.password-rules {
  font-size: 12px; /* 字体大小 */
  color: #777;     /* 颜色偏灰 */
}
/* popup.css */
.blue-button {
  background-color: #f0f0f0; /* 背景颜色为浅灰色 */
  color: #333;               /* 文字颜色为深灰色 */
  border: 1px solid #ccc;    /* 边框颜色为浅灰色 */
  padding: 10px 20px;        /* 内边距 */
  cursor: pointer;           /* 鼠标指针样式 */
  border-radius: 5px;        /* 圆角 */
  transition: all 0.3s ease; /* 平滑过渡效果 */
}

.blue-button:hover {
  background-color: #e0e0e0; /* 鼠标悬停时背景颜色变浅 */
  border-color: #bbb;        /* 鼠标悬停时边框颜色变深 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加轻微阴影效果 */
}

/* popup.css */
.blue-hr {
  width: 100%;          /* 宽度与按钮一致 */
  margin: 10px auto;    /* 上下外边距为10px，左右居中 */
  border: 0;            /* 移除默认边框 */
  border-top: 1px solid #1366ec; /* 设置顶部边框为蓝色 */
}